function upload(title,type,content) {
    var xhr = new XMLHttpRequest()
    //携带请求体，采用post
    //ajax请求，后面有js决定  不使用*.do这种url
    xhr.open('post',`/studio/track/record.json?title=${title}&type=${type}`)
    xhr.onload = function(){
        console.log(this.status)
        console.log(this.responseText)
    }
    xhr.send(content)
}
window.onload = function () {
    if(!navigator.mediaDevices.getUserMedia){
        alert('浏览器太古老了，不支持媒体访问')
        return
    }
    var constraints = {
        audio:true
    }
    var promise = navigator.mediaDevices.getUserMedia(constraints)
    //stream的类型就是MediaStream（媒体流）
    //里面有从麦克风采集到的信息
    function onSuccess(stream){
        alert('用户授权成功')
        var mediaRecorder = new MediaRecorder(stream)
        //开始录制后这个方法会被调用
        mediaRecorder.onstart = function() {
        console.log('开始录制')
        }
//        //用来保存录制下来的声音数据
        var data = []
//        //当数据可用时被调用
        mediaRecorder.ondataavailable = function(evt){
            console.log('数据可用')
            console.log(evt)
//            //evt.data是一个blob类型的，白哦是录制下来的声音片段是对象
            data.push(evt.data)
        }
//        //停止录制后，这个方法被调用
        mediaRecorder.onstop = function() {
        console.log('停止录制')
        console.log(data)
        var title = document.querySelector('#title').value.trim()
        var type = "audio/ogg"
        //将一组数据组成统一的数据，类型认为时死规定
        var blob = new Blob(data,{type:type})
        //将数据生成一个url
        var url = URL.createObjectURL(blob)
        console.log(url)
        //找到audio元素，修改src属性，播放音频
        var oAudio = document.querySelector('audio')
        oAudio.src = url
        upload(title,type,blob)
        }
        document.querySelector('#stop').onclick = function(){
            mediaRecorder.stop()
        }
        mediaRecorder.start(1000)
//        setTimeout(function(){
//            mediaRecorder.stop();
//        },10 * 1000)
    }
    function onlFailed(){
        alert('用户授权失败')
    }
    promise.then(onSuccess).catch(onlFailed)
}